<template>
  <div class="footer-section">
    <div class="footer-column">
      <h3>联系我们</h3>
      <p>电话: 400-888-8888</p>
      <p>邮箱: service@petgrooming.com</p>
      <p>地址: 北京市朝阳区建国路88号</p>
    </div>
    <div class="footer-column">
      <h3>营业时间</h3>
      <p>周一至周五: 9:00 - 21:00</p>
      <p>周六至周日: 10:00 - 20:00</p>
    </div>
    <div class="footer-column">
      <h3>关注我们</h3>
      <i class="fa-brands fa-weixin"></i>
      <i class="fa-brands fa-weibo"></i>
      <i class="fa-brands fa-instagram"></i>
    </div>
    <div class="footer-column">
      <h3>快速链接</h3>
      <router-link to="/about-us">关于我们</router-link>
      <router-link to="/service-projects">服务项目</router-link>
      <router-link to="/reservation">预约服务</router-link>
      <router-link to="/pet-community">宠物社区</router-link>
    </div>
  </div>
</template>

<script setup>
// 底部信息组件逻辑
</script>

<style scoped>
/* 底部信息部分样式 */
.footer-section {
  display: flex;
  justify-content: space-around;
  background-color: #262626;
  color: white;
  padding: 20px;
}
.footer-column {
  text-align: left;
}
.footer-column i {
  margin-right: 5px;
}
.footer-column a {
  color: white;
  text-decoration: none;
  display: block;
  margin: 5px 0;
}
</style>